﻿/* for amazons -----------------------------------------------------*/

#play-content
{   
   width: 720px;
    height: 665px;
}

#play-content > div
{
    padding: 6px;
    padding-left: 38px;
    background-color:Black;
}

 
.table#amazons
{
    table-layout: fixed;
    caption-side: bottom;
}

div.empty1
{
    border: thin groove #808080;
    width: 56px;
    height: 56px;
    background-color: Black;    
    z-index:0;
}

div.empty2
{
    border: thin groove #808080;
    width: 56px;
    height: 56px;
    background-color: White;     
    z-index:0;   
}


div.empty1s
{
    border: thin groove #808080;
    width: 56px;
    height: 56px;
    background-color: Silver;    
    z-index:0;
        animation:myfirst1 1s linear 1s infinite alternate;
/* Firefox: */
-moz-animation:myfirst1 1s linear 1s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst1 1s linear 1s infinite alternate;
}

div.empty2s
{
    border: thin groove #808080;
    width: 56px;
    height: 56px;
    background-color: Silver;     
    z-index:0;
    animation:myfirst 1s linear 1s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 1s linear 1s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 1s linear 1s infinite alternate;    
}

img
{
    padding-top:2px;
    padding-left:2px;
    width: 52px;	  
    z-index:1;    	
}

.div#header
{
    background-color:Aqua;
}

#statusBorder
{
    position:relative;
    height:5px;
    width:100px;
    border:solid 1px gray;    
}
#statusFill
{
    position:absolute;
    top:0;
    left:0;
    width:0px;
    background-color:Blue;
    height:5px;
}

.selected
{
 -moz-opacity: 0.5;
}

div#boardSummary
{    
    float:right;        
    width: 550px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
    background: -moz-linear-gradient(top,  #ccc,  #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');    
    z-index:-10;
}
div#boardSummary p
{
    margin-top:1px;
    margin-bottom:5px; 
    color: #FFFFFF;
}

div#boardSummary label 
{
    color:Green;
}

div#finalBanner.noShow 
{
    visibility:hidden;
}

div#finalBanner.show
{
    font-size: xx-large;
    font-weight: bold;
    color: #0000FF;
    display: block;
    position: absolute;
    top: 50%;
    left: 35%;
    height: 100px;
    width: 350px;
    background-color: #808080;    
    padding-left: 40px;    
    padding-top: 40px
}


@keyframes myfirst
{
0% {background:White;}
50% {background:Silver;}
100% {background:White;}
}

@-moz-keyframes myfirst /* Firefox */
{
0% {background:White;}
50% {background:Silver;}
100% {background:White;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {background:White;}
50% {background:Silver;}
100% {background:White;}
}

@keyframes myfirst1
{
0% {background:Black;}
50% {background:Silver;}
100% {background:Black;}
}

@-moz-keyframes myfirst1 /* Firefox */
{
0% {background:Black;}
50% {background:Silver;}
100% {background:Black;}
}

@-webkit-keyframes myfirst1 /* Safari and Chrome */
{
0% {background:Black;}
50% {background:Silver;}
100% {background:Black;}
}